@for $i from 0 through 25 {
  .ft-size-#{$i} {
    font-size: #{$i}px !important;
  }
}


.ft-color-black{
  color: $color-black;
}

.ft-color-white{
  color: $color-white;
}

@each $i in light,normal,dark {
  .ft-color-grey-#{$i} {
      color: map-get($color-grey,#{$i});
  }

  .ft-color-green-#{$i} {
    color: map-get($color-green,#{$i});
  }

  .ft-color-yellow-#{$i} {
    color: map-get($color-yellow,#{$i});
  }

  .ft-color-red-#{$i} {
    color: map-get($color-red,#{$i});
  }

}